<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_634198_8ht4j50nyhf47vi.css" />
		
		<title>电影资讯</title>
		<style type="text/css">
			/* 背景颜色 */
			body{
				background: aliceblue;
			}
			/* 图片大小  */
		#da{
			width: 327px;
			height: 377px;
			background: #FFFFFF;
			/* 框架位置 上下边距70， 左右350 */
			margin: 70px auto;
			
		}	
		
		#tupian{
			width: 326px;
			height: 101px;
			/* margin跟da重合 需要 */
			padding-top: 33px;
			padding-left: 1px;
		}
		
		#tupian2{
			width: 326px;
			height: 101px;
			/* margin跟da重合 需要 */
			padding-top: 15px;
			padding-left: 1px;
		}
		
		.p1{
			font-size: 13px;
			font-weight: 800;
			padding-left: 15px;
		}
		
		.p2{
			float: right;
			color: #c90210;
			font-size: 12px;
			
		}
		
		.p3{
			font-size: 12px;
			padding-left: 88px;
			padding-right: 10px;
		}
		
		
		
		.span1{
			color: #259c9d;
		}
		
	 	.span2{
	 		color: #c90210;
	 	}
	 	
	 	.iconfont{
	 		color: #c90210;
	 		vertical-align:-4% ;
	 		font-size: 12px;
	 	}
	 	
		</style>
		
	</head>
	<body>
		<!-- 图片大小 ，大的框  -->
		<div id="da">
		
		<div id="tupian">
			<img src="img/环太平洋-1.png" alt="" style="float: left;" />
		
		<span class="p1">环太平洋</span>
		
		<span class="p2">468人评论过</span>
		
		<p class="p3"><span class="span1">#环太平洋##环太平洋#</span>对建筑物倒塌、核弹攻击城市、外星人入侵<span class="span2">[详细]</span></p>
		
		<p class="p3"><i class="iconfont icon-geren"></i>欧美电影</p>
		
		</div>
		<!-- 板块2 -->
		<div id="tupian2">
			<img src="img/速6-1.png" alt="" style="float: left;" />
		
		<span class="p1">速度与激情6</span>
		
		<span class="p2">783人评论过</span>
		
		<p class="p3">【杰森-斯坦森确定加盟<span class="span1">#速#<span id=""></span></span>】斯坦森饰演第六部大反派欧文-肖..<span class="span2">[详细]</span></p>
		
		<p class="p3"><i class="iconfont icon-geren"></i>欧美电影</p>
		
		</div>
		
		<!-- 板块3 -->
		<div id="tupian2">
			<img src="img/青春派-1.png" alt="" style="float: left;" />
		
		<span class="p1">青春派</span>
		
		<span class="p2">97人评论过</span>
		
		<p class="p3">《青春派》预告片"零差评"其逆增长 <span class="span2">[详细]</span></p>
		
		<p class="p3"><i class="iconfont icon-geren"></i>欧美电影</p>
		
		</div>
		
		</div>
		
		
		
	</body>
</html>
